<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>将多个样式对象应用到一个元素上</title>
<!--引入Vue库-->
<script src="vue.js"></script>
</head>
<body>	
<div id="app">
  <div v-bind:style="[ style1 , style2]">
      {{ info }}
  </div>
</div>
<script>
  var vm=new Vue({ 
      el: '#app', 
      data: {
          info:'欢迎登录',
          style1: {
              width: '100px',
              height: '40px',
              lineHeight: '40px'
              },
          style2:{
              backgroundColor: '#ccc',
              color:'blue',
              fontSize: '18px',
              textAlign: 'center',
              fontWeight: 'bold'
            }
          }
      })
</script>
</body>
</html>
